import React from "react";
import { Tabs, TabsProps } from "antd";
import { createStyles } from "antd-style";

export interface ProTabsProps extends TabsProps { }

export const ProTabs: React.FC<ProTabsProps> = (props) => {
  const { styles } = useStyle();

  return <Tabs className={styles.proTabs} {...props} />
}

const useStyle = createStyles(({ css }) => ({
  proTabs: css`
    height: 100%;
    .ant-tabs-nav {
      margin: 0px;
    }

    .ant-tabs-content {
      padding-top: 10px;
      height: 100%;

      .ant-tabs-tabpane {
        height: 100%;
      }
    }
  `
}))
